<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:fragment="head">
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Theme style -->
<!--    <link rel="stylesheet" href="../static/css/" adminlte.min.css th:href="@{/css/adminlte.min.css}">-->
    <link rel="stylesheet" href="../static/css/adminlte.min.css" th:href="@{/css/adminlte.min.css}">
    <link href="https://cdn.bootcss.com/highlight.js/9.15.8/styles/github.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js" th:src="@{http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js}"></script>
    <link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" th:href="@{http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css}" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">

    <link rel="stylesheet" href="../static/plugins/fontawesome-free/css/all.min.css"
          th:href="@{/plugins/fontawesome-free/css/all.min.css}">

    <link rel="stylesheet" href="../static/plugins/tocbot/css/tocbot.css" th:href="@{/plugins/tocbot/css/tocbot.css}">
    <link rel="stylesheet" href="../static/plugins/prism/css/prism.css" th:href="@{/plugins/prism/css/prism.css}">
</head>
<body>
<div th:fragment="Navbar">
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fa fa-bars"></i></a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="admin/login.html" th:href="@{/admin/}" class="nav-link">登录页</a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="admin/dashboard.html" th:href="@{/admin/toindex}" class="nav-link">后台主页</a>
            </li>
        </ul>

        <!-- SEARCH FORM -->
        <form id="myform" class="form-inline ml-3" th:action="@{/toindexsearch}">
            <div class="input-group input-group-sm">
                <input class="form-control form-control-navbar" name="keywords"  type="search" placeholder="博客搜索..." aria-label="Search">
                <div class="input-group-append">
                    <button class="btn btn-navbar" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </form>
    </nav>
    <!-- /.navbar -->
</div>

<!-- Main Sidebar Container  左上角-->
<aside th:fragment="MainSidebarContainer(n)" class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
<!--    th:src="@{'/upload01/'+${session.user1.avatar}}"-->
    <h1>
        <a href="index.html" th:href="@{/admin/toindex}" class="brand-link">
                <img src="../static/upload/avatar.jpg"  th:src="@{'/upload01/'+${session.user1.avatar}}"
                 class="brand-image img-circle elevation-3">
            <span class="brand-text font-weight-light" th:text="${session.user1.nickname}">ZengZK's Blog</span>
            <span class="brand-text font-weight-light">'s Blog</span>    <!--写固定-->
        </a>
    </h1>

    <!-- Sidebar -->
    <div class="sidebar">
        <!-- Sidebar Menu -->
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                data-accordion="false">
                <!-- Add icons to the links using the .nav-icon class
                     with font-awesome or any other icon font library -->
                <li class="nav-header">读万卷书</li>
                <li class="nav-item">
                    <a href="index.html" th:classappend="${n==1}?active" th:href="@{/toindex}" class="nav-link ">
                        <i class="fa fa-home nav-icon"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="category.html" th:classappend="${n==2}?active" th:href="@{/totype}" class="nav-link">
                        <i class="fa fa-bookmark nav-icon"></i>
                        <p>分类</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="tag.html" th:href="@{/totag}" th:classappend="${n==3}?active" class="nav-link">
                        <i class="fa fa-tags nav-icon"></i>
                        <p>标签</p>
                    </a>
                </li>

                <li class="nav-header">行万里路</li>
                <li class="nav-item">
                    <a href="archive.html" th:classappend="${n==4}?active" th:href="@{/toarchive}" class="nav-link">
                        <i class="fa fa-archive nav-icon"></i>
                        <p>归档</p>
                    </a>
                </li>
                <li class="nav-header">点滴记录</li>
                <li class="nav-item">
                    <a href="guestbook.html" class="nav-link">
                        <i class="fa fa-comments nav-icon"></i>
                        <p>留言</p>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
</aside>


<!-- Profile Image -->
<div th:fragment="profile" class="card widget-user sticky-top">
    <!-- Add the bg color to the header using any of the bg-* classes -->
    <div class="widget-user-header bg-info">
        <h3 class="widget-user-username" th:text="${session.user1.nickname}">ZengZK</h3>
        <h5 class="widget-user-desc" th:text="${session.user1.siteKeywords}">Student &amp; Coder1</h5>
    </div>     <!--th:src="@{'/upload01/'+${session.user.avatar}}"-->
    <div class="widget-user-image">
        <img class="img-circle elevation-2" src="../static/upload/avatar.jpg"
             th:src="@{'/upload01/'+${session.user1.avatar}}"
             alt="User Avatar">
    </div>
    <div class="card-body pt-5">
        <p class="text-muted" th:text="${session.user1.profile}">
            一个Java初学者，一个热爱编程的人，希望能在0与1的世界与您相遇，结伴而行！
        </p>

        <ul class="list-group list-group-unbordered">
            <li class="list-group-item">
                <strong><i class="far fa-bookmark mr-2"></i>推荐文章</strong>
                <a th:each="blogrecommend:${bloglistrecommend}" th:text="${blogrecommend.title}" href=""
                   class="d-block link-title text-truncate">Java学习路线</a>
                <!--                <a href="" class="d-block link-title text-truncate">Java学习路线</a>-->
                <!--                <a href="" class="d-block link-title text-truncate">Java学习路线</a>-->
                <!--                <a href="" class="d-block link-title">Java学习路线</a>-->
                <!--                <a href="" class="d-block link-title">Java学习路线</a>-->
            </li>

            <li class="list-group-item">
                <strong><i class="fa fa-map-marker-alt mr-2"></i>位置</strong>
                <div th:text="${session.user1.location}" class="text-muted"></div>
            </li>

            <li class="list-group-item">
                <strong><i class="fa fa-pencil-alt mr-2"></i>技能</strong>
                <div class="text-muted">
                    <span class="badge badge-success" th:text="${session.user1.skill}">UI Design</span>
                    <!--                    <span class="badge badge-success">Coding</span>-->
                    <!--                    <span class="badge badge-success">Javascript</span>-->
                    <!--                    <span class="badge badge-success">PHP</span>-->
                    <!--                    <span class="badge badge-success">Node.js</span>-->
                </div>
            </li>

            <li class="list-group-item">
                <strong><i class="fa fa-lightbulb mr-2"></i>爱好</strong>
                <div class="text-muted">
                    <span class="badge badge-warning" th:text="${session.user1.hobby}">编程</span>
                    <!--                    <span class="badge badge-warning">学习</span>-->
                </div>
            </li>

            <li class="list-group-item text-center">
                <button th:title="${session.user1.qq}" class="btn btn-success btn-sm rounded-circle"
                        data-toggle="tooltip"
                        data-placement="top"
                        title="939234206">
                    <i class="fab fa-qq"></i>
                </button>
                <button th:title="${session.user1.wechat}" class="btn btn-success btn-sm rounded-circle"
                        data-toggle="tooltip"
                        data-placement="top"
                        title="939234206">
                    <i class="fab fa-weixin"></i>
                </button>
                <a href="http://www.baidu.com" th:title="${session.user1.github}" target="_blank"
                   class="btn btn-success btn-sm rounded-circle" data-toggle="tooltip" data-placement="top"
                   title="github">
                    <i class="fab fa-github text-white"></i>
                </a>
            </li>
        </ul>
    </div>
</div>

<footer th:fragment="foot" class="main-footer">
    <p class="text-center mb-1" th:text="${session.user1.siteDescription}">
        Copyright © 2020 ZengZK Designed by ZengZK Powered by AdminLTE
    </p>
    <p class="text-center" th:text="${session.user1.icp}">
        <a href="">粤ICP备20040058号</a>
    </p>
</footer>

<div th:fragment="js">
    <!-- jQuery -->
    <script src="../static/plugins/jquery/jquery.min.js" th:src="@{/plugins/jquery/jquery.min.js}"></script>
    <!-- Bootstrap 4 -->
    <script src="../static/plugins/bootstrap/js/bootstrap.bundle.min.js"
            th:src="@{/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!-- AdminLTE App -->
    <script src="../static/js/adminlte.min.js" th:src="@{/js/adminlte.min.js}"></script>
    <script src="../static/js/tooltip.init.js" th:src="@{/js/tooltip.init.js}"></script>
</div>
</body>
</html>